<template>
  <div class="erji">
    <ul class="two">
        <li>
           
        <router-link to="repastview">
             <van-icon name="manager-o" class="icon" />
            实体商户</router-link>       
        </li>

         <li>   
        <router-link to="xianshang">
            <van-icon name="shopping-cart-o" class="icon"/>
            线上商户</router-link>
        </li>
    </ul>
    <router-view/>
  </div>
</template>

<script>

export default {
  

}
</script>

<style scoped lang="scss">
    .erji{
        width: 100%;
        //  z-index: 98;
         overflow: hidden;
        .two{
            width: 90%;
            margin: auto;
            height: 0.44rem;
            display: flex;
            // position: fixed;
             background-color: white;
            // top: 0.48rem;
            margin-top: 0.48rem;
       
            li{
                width: 50%;
                height: 100%;
                font-size: 0;
                text-align: center;
                
                a{
                    display:inline-block;
                    margin: auto;
                    height: 100%;
                    width: 100%;
                    font-size: 0.16rem;
                    .icon{
                    font-size: 0.3rem;
                    color: #54c1e5;
                }
                }
                .router-link-exact-active{
                    color: #54c1e5;
                    border-bottom: 0.03rem solid #54c1e5;

                }
            }
        }
    }
</style>